<template>

  <div
    class="group card relative justify-between h-80 items-center py-5 card-actions  bg-base-100 shadow-sm p-4 bg-primary">
    <button class="btn btn-outline text-base">享受生活，记录日志</button>
    <p class="accent mt-[-100px] transition-all duration-500 ease-in-out group-hover:opacity-100 opacity-0">
      喜欢夜晚透着微光的云，好像伸手就能够着。喜欢夜晚透着微光的云，好像伸手就能够着。</p>
    <div
      class="avatar delay-200 absolute top-1/2 translate-y-[-50%] group-hover:scale-0 transition-all duration-500 ease-in-out avatar-online transform scale-100">
      <div class="w-30 rounded-full">
        <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
      </div>
    </div>
    <button class="sahi btn  w-1/2 btn-secondary">留言</button>
  </div>
</template>
